<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>优惠券</title>
	<link rel="stylesheet" href="<?php echo IMG_PATH ?>bdkd/css/reset.css">
	<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
	<script src="<?php echo IMG_PATH ?>bdkd/js/jquery-1.11.1.min.js"></script>
    <style>
        body, html {
            height: 100%;
            overflow: scroll;
            background: #f2f2f2; }
        body .yhq1, html .yhq1 {
            width: 9.6266666667rem;
            height: 3.7333333333rem;
            margin: 0.2666666667rem auto;
            background-image: url(<?php echo IMG_PATH ?>bdkd/img/1@2x.png);
            background-size: 100%;
            background-repeat: no-repeat;
            border-radius: 10px; }
        body .yhq1 .qi1, html .yhq1 .qi1 {
            width: 100%;
            height: 2.7333333333rem;
            display: flex; }
        body .yhq1 .qi1 span:nth-child(1), html .yhq1 .qi1 span:nth-child(1) {
            font-size: 48px;
            color: #14a4fb;
            margin-left: 0.7466666667rem;
            line-height: 2.7333333333rem;
            margin-right: 0.1333333333rem; }
        [data-dpr="2"] body .yhq1 .qi1 span:nth-child(1), [data-dpr="2"] html .yhq1 .qi1 span:nth-child(1) {
            font-size: 96px; }
        [data-dpr="3"] body .yhq1 .qi1 span:nth-child(1), [data-dpr="3"] html .yhq1 .qi1 span:nth-child(1) {
            font-size: 144px; }
        body .yhq1 .qi1 span:nth-child(2), html .yhq1 .qi1 span:nth-child(2) {
            font-size: 24px;
            color: #14a4fb;
            font-weight: 900;
            line-height: 3.1333333333rem; }
        [data-dpr="2"] body .yhq1 .qi1 span:nth-child(2), [data-dpr="2"] html .yhq1 .qi1 span:nth-child(2) {
            font-size: 48px; }
        [data-dpr="3"] body .yhq1 .qi1 span:nth-child(2), [data-dpr="3"] html .yhq1 .qi1 span:nth-child(2) {
            font-size: 72px; }
        body .yhq1 .qi1 ul, html .yhq1 .qi1 ul {
            display: block;
            width: 2.6666666667rem;
            height: 1.0666666667rem;
            transform: translateY(100%); }
        body .yhq1 .qi1 ul li, html .yhq1 .qi1 ul li {
            font-size: 12px;
            color: #666;
            margin-left: 0.5333333333rem; }
        [data-dpr="2"] body .yhq1 .qi1 ul li, [data-dpr="2"] html .yhq1 .qi1 ul li {
            font-size: 24px; }
        [data-dpr="3"] body .yhq1 .qi1 ul li, [data-dpr="3"] html .yhq1 .qi1 ul li {
            font-size: 36px; }
        body .yhq1 .qi1 ul li:nth-child(1), html .yhq1 .qi1 ul li:nth-child(1) {
            margin-bottom: 0.16rem; }
        body .yhq1 .xiawenzi1, html .yhq1 .xiawenzi1 {
            width: 100%;
            height: 0.9333333333rem; }
        body .yhq1 .xiawenzi1 p, html .yhq1 .xiawenzi1 p {
            line-height: 0.9333333333rem;
            font-size: 11px;
            color: #999;
            margin-left: 0.6133333333rem; }
        [data-dpr="2"] body .yhq1 .xiawenzi1 p, [data-dpr="2"] html .yhq1 .xiawenzi1 p {
            font-size: 22px; }
        [data-dpr="3"] body .yhq1 .xiawenzi1 p, [data-dpr="3"] html .yhq1 .xiawenzi1 p {
            font-size: 33px; }
        body .yhq2, html .yhq2 {
            width: 9.6266666667rem;
            height: 3.7333333333rem;
            margin: 0.2666666667rem auto;
            background-image: url(<?php echo IMG_PATH ?>bdkd/img/1@2x.png);
            background-size: 100%;
            background-repeat: no-repeat;
            border-radius: 10px; }
        body .yhq2 .qi2, html .yhq2 .qi2 {
            width: 100%;
            height: 2.7333333333rem;
            display: flex; }
        body .yhq2 .qi2 span:nth-child(1), html .yhq2 .qi2 span:nth-child(1) {
            font-size: 48px;
            color: #14a4fb;
            margin-left: 0.7466666667rem;
            line-height: 2.7333333333rem;
            margin-right: 0.1333333333rem; }
        [data-dpr="2"] body .yhq2 .qi2 span:nth-child(1), [data-dpr="2"] html .yhq2 .qi2 span:nth-child(1) {
            font-size: 96px; }
        [data-dpr="3"] body .yhq2 .qi2 span:nth-child(1), [data-dpr="3"] html .yhq2 .qi2 span:nth-child(1) {
            font-size: 144px; }
        body .yhq2 .qi2 span:nth-child(2), html .yhq2 .qi2 span:nth-child(2) {
            font-size: 24px;
            color: #14a4fb;
            font-weight: 900;
            line-height: 3.1333333333rem; }
        [data-dpr="2"] body .yhq2 .qi2 span:nth-child(2), [data-dpr="2"] html .yhq2 .qi2 span:nth-child(2) {
            font-size: 48px; }
        [data-dpr="3"] body .yhq2 .qi2 span:nth-child(2), [data-dpr="3"] html .yhq2 .qi2 span:nth-child(2) {
            font-size: 72px; }
        body .yhq2 .qi2 ul, html .yhq2 .qi2 ul {
            display: block;
            width: 2.6666666667rem;
            height: 1.0666666667rem;
            transform: translateY(100%); }
        body .yhq2 .qi2 ul li, html .yhq2 .qi2 ul li {
            font-size: 12px;
            color: #666;
            margin-left: 0.5333333333rem; }
        [data-dpr="2"] body .yhq2 .qi2 ul li, [data-dpr="2"] html .yhq2 .qi2 ul li {
            font-size: 24px; }
        [data-dpr="3"] body .yhq2 .qi2 ul li, [data-dpr="3"] html .yhq2 .qi2 ul li {
            font-size: 36px; }
        body .yhq2 .qi2 ul li:nth-child(1), html .yhq2 .qi2 ul li:nth-child(1) {
            margin-bottom: 0.16rem; }
        body .yhq2 .xiawenzi2, html .yhq2 .xiawenzi2 {
            width: 100%;
            height: 0.9333333333rem; }
        body .yhq2 .xiawenzi2 p, html .yhq2 .xiawenzi2 p {
            line-height: 0.9333333333rem;
            font-size: 11px;
            color: #999;
            margin-left: 0.6133333333rem; }
        [data-dpr="2"] body .yhq2 .xiawenzi2 p, [data-dpr="2"] html .yhq2 .xiawenzi2 p {
            font-size: 22px; }
        [data-dpr="3"] body .yhq2 .xiawenzi2 p, [data-dpr="3"] html .yhq2 .xiawenzi2 p {
            font-size: 33px; }
        body .yhq3, html .yhq3 {
            width: 9.6266666667rem;
            height: 3.7333333333rem;
            margin: 0.2666666667rem auto;
            background-image: url(<?php echo IMG_PATH ?>bdkd/img/c.png);
            background-size: 100%;
            background-repeat: no-repeat;
            border-radius: 10px; }
        body .yhq3 .qi3, html .yhq3 .qi3 {
            width: 100%;
            height: 2.7333333333rem;
            display: flex; }
        body .yhq3 .qi3 span:nth-child(1), html .yhq3 .qi3 span:nth-child(1) {
            font-size: 38px;
            color: #14a4fb;
            margin-left: 0.7466666667rem;
            line-height: 2.7333333333rem;
            margin-right: 0.1333333333rem; }
        [data-dpr="2"] body .yhq3 .qi3 span:nth-child(1), [data-dpr="2"] html .yhq3 .qi3 span:nth-child(1) {
            font-size: 76px; }
        [data-dpr="3"] body .yhq3 .qi3 span:nth-child(1), [data-dpr="3"] html .yhq3 .qi3 span:nth-child(1) {
            font-size: 114px; }
        body .yhq3 .qi3 span:nth-child(2), html .yhq3 .qi3 span:nth-child(2) {
            font-size: 18px;
            color: #14a4fb;
            font-weight: 900;
            line-height: 3.1333333333rem; }
        [data-dpr="2"] body .yhq3 .qi3 span:nth-child(2), [data-dpr="2"] html .yhq3 .qi3 span:nth-child(2) {
            font-size: 36px; }
        [data-dpr="3"] body .yhq3 .qi3 span:nth-child(2), [data-dpr="3"] html .yhq3 .qi3 span:nth-child(2) {
            font-size: 54px; }
        body .yhq3 .qi3 ul, html .yhq3 .qi3 ul {
            display: block;
            width: 2.6666666667rem;
            height: 1.0666666667rem;
            transform: translateY(100%); }
        body .yhq3 .qi3 ul li, html .yhq3 .qi3 ul li {
            font-size: 12px;
            color: #666;
            margin-left: 0.5333333333rem; }
        [data-dpr="2"] body .yhq3 .qi3 ul li, [data-dpr="2"] html .yhq3 .qi3 ul li {
            font-size: 24px; }
        [data-dpr="3"] body .yhq3 .qi3 ul li, [data-dpr="3"] html .yhq3 .qi3 ul li {
            font-size: 36px; }
        body .yhq3 .qi3 ul li:nth-child(1), html .yhq3 .qi3 ul li:nth-child(1) {
            margin-bottom: 0.16rem; }
        body .yhq3 .xiawenzi3, html .yhq3 .xiawenzi3 {
            width: 100%;
            height: 0.9333333333rem; }
        body .yhq3 .xiawenzi3 p, html .yhq3 .xiawenzi3 p {
            line-height: 0.9333333333rem;
            font-size: 11px;
            color: #999;
            margin-left: 0.6133333333rem; }
        [data-dpr="2"] body .yhq3 .xiawenzi3 p, [data-dpr="2"] html .yhq3 .xiawenzi3 p {
            font-size: 22px; }
        [data-dpr="3"] body .yhq3 .xiawenzi3 p, [data-dpr="3"] html .yhq3 .xiawenzi3 p {
            font-size: 33px; }
        body .dibu, html .dibu {
            width: 100%;
            height: 0.3333333333rem;
            margin-top: 0.5333333333rem;
            display: flex;
            justify-content: center;
            align-items: center; }
        body .dibu span, html .dibu span {
            font-size: 11px;
            color: #d4d4d4; }
        [data-dpr="2"] body .dibu span, [data-dpr="2"] html .dibu span {
            font-size: 22px; }
        [data-dpr="3"] body .dibu span, [data-dpr="3"] html .dibu span {
            font-size: 33px; }
        body .dibu span:nth-child(1), html .dibu span:nth-child(1) {
            display: block;
            width: 1.6rem;
            height: 0.0266666667rem;
            background: #d4d4d4;
            margin-left: 0.2933333333rem;
            margin-right: 0.2933333333rem; }
        body .dibu span:nth-child(3), html .dibu span:nth-child(3) {
            display: block;
            width: 1.6rem;
            height: 0.0266666667rem;
            background: #d4d4d4;
            margin-left: 0.2933333333rem;
            margin-right: 0.2933333333rem; }
        .ycl-bug{
            /*width:100%;*/
            height:100%;
            background: #fff;

        }
        .ycl-bug1{
            transform:translateY(70%);
        }
        .ycl-bug1 img{
            width:5.89333333rem;
            height:2.98666667rem;
            display: block;
            margin:0 auto;
        }
        .ycl-bug1 p{
            width:100%;
            text-align: center;
            font-size:0.29333333rem;
            font-weight: 900;
            color:#91d0fd;
            margin-top:0.26666667rem;
        }

    </style>
</head>
<body>
<?php
if(empty($list)){
    ?>
    <div class="ycl-bug">
        <div class="ycl-bug1">
            <img src="<?php echo IMG_PATH ?>bdkd/img/yhq-pic.png" alt="">
            <p>抱歉，您还没有优惠券那</p>
        </div>
    </div>
    <!--<div class="dibu">
        <span></span>
        <span>暂时没有可用的优惠券</span>
        <span></span>
    </div>-->
    <?php
}else{
    foreach ($list as $value) {

        ?>
        <div class="yhq1">
            <div class="qi1">

                <span><?php echo $value['discount']*10?></span>
                <span>折</span>
                <ul>
                    <li>有效期至 :</li>
                    <li><?php echo date("Y-m-d",$value['end_time'])?></li>
                </ul>
            </div>
            <div class="xiawenzi1">
                <?php
                if($value['type']==2){
                    ?>
                    <p>仅限于 "取快递" 支付时使用</p>
                    <?php
                }else{
                    ?>
                    <p>仅限于 "寄快递" 和 "物流托运" 支付时使用</p>
                    <?php
                }
                ?>

            </div>
        </div>

        <?php
    }


    ?>
    <div class="dibu">
		<span></span>
		<span>您的优惠券就这么多了</span>
		<span></span>
	</div>
<?php
}
?>

<!--	<div class="yhq2">-->
<!--		<div class="qi2">-->
<!--			<span>8</span>-->
<!--			<span>折</span>-->
<!--			<ul>-->
<!--				<li>有效期至 :</li>-->
<!--				<li>2017-09-11</li>-->
<!--			</ul>-->
<!--		</div>-->
<!--		<div class="xiawenzi2">-->
<!--			<p>满100元使用，仅限于 "寄快递" 和 "物流托运" 使用</p>-->
<!--		</div>-->
<!--	</div>-->
<!--	<div class="yhq3">-->
<!--		<div class="qi3">-->
<!--			<span>免</span>-->
<!--			<span>单</span>-->
<!--			<ul>-->
<!--				<li>有效期至 :</li>-->
<!--				<li>2017-09-11</li>-->
<!--			</ul>-->
<!--		</div>-->
<!--		<div class="xiawenzi3">-->
<!--			<p>全额免单，仅限于 "取快递" 使用</p>-->
<!--		</div>-->
<!--	</div>-->
	

	<script src="<?php echo IMG_PATH ?>bdkd/js/you.js"></script>
</body>
</html>